<template>
  <ul v-show="arrInfo.length > 0">
    <li v-for="(item, index) in arrInfo" :key="item.id">
      {{ index + 1 }}. <span>{{ item.renwu }}</span>
      <i @click="del(item.id)">X</i>
    </li>
  </ul>
</template>

<script setup lang="ts">
defineProps(["arrInfo"]);
const emit = defineEmits(["del"]);

const del = (id: any) => {
  emit("del", id);
};
</script>

<style></style>
